<template>
  <div style="line-height: 60px; display: flex">
    <div style="flex: 1;">
    
      <!-- <span :class="collapseBtnClass" style="cursor: pointer; font-size: 18px" @click="collapse">111</span> -->

      <el-breadcrumb separator="/" style="display: inline-block; margin-left: 10px">
        <el-breadcrumb-item :to="'/'">首页</el-breadcrumb-item>
        <el-breadcrumb-item>{{ currentPathName }}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
  </div>
</template>

<script>
export default {
  name: "Header",
  props: {
    collapseBtnClass: String,
    user: {
      type:Object,
      default:()=>{
        return {}
      }
    }
  },
  computed: {
    currentPathName () {
      return this.$store.state.pathName;//需要监听的数据
    }
  },
  data() {
    return {

    }
  },
  methods: {
    collapse() {
      this.$emit("asideCollapse")
    },
    logout() {
      localStorage.removeItem("token")
      location.reload()
    }
  }
}
</script>
